<aside id="nav" class="bg-dark aside hidden-print">
	<section class="vbox">
		<section class="scrollable">
			<!-- nav -->
			<nav class="nav-primary hidden-xs">
				<ul class="nav" data-ride="collapse">
					<li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
						功能分类
					</li>
					<li v-for="(item1,index1) in menus" :class="addActiveClass(item1)?'active':''">
						<a @click="goPage(item1.url)" class="auto" :title="item1.name">
							<span class="pull-right text-muted" v-if="item1.children != null && item1.children.length > 0">
	                          	<i class="fa fa-angle-left text"></i>
	                          	<i class="fa fa-angle-down text-active"></i>
	                        </span>
							<i v-if="item1.icon != '' && item1.icon != null" :class="item1.icon"></i>
							<span class="text_ellipsis block">{{item1.name}}</span>
						</a>
						<ul class="nav dk">
							<li v-for="(item2,index2) in item1.children" :class="addActiveClass(item2)?'active':''">
								<a @click="goPage(item2.url)" class="auto" :title="item2.name">
									<span class="pull-right text-muted" v-if="item2.children != null && item2.children.length > 0">
		                              	<i class="fa fa-angle-left text"></i>
		                              	<i class="fa fa-angle-down text-active"></i>
		                            </span>
									<i class="fa fa-angle-right"></i>
									<span class="text_ellipsis block">{{item2.name}}</span>
								</a>
								<ul class="nav dker">
									<li v-for="(item3,index3) in item2.children" :class="addActiveClass(item3)?'active':''">
										<a @click="goPage(item3.url)" class="auto" :title="item3.name">
											<i class="fa fa-angle-right"></i>
											<span class="text_ellipsis block">{{item3.name}}</span>
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</nav>
			<!-- / nav -->
		</section>
	</section>
</aside>